<template>
  <div class="about-container">
    <!-- 头部 -->
    <Header></Header>
    <main-container>
      <!-- 主要内容区域 -->
      <div class="container">
        <!-- 主图 -->
        <div class="main-image">
          <el-image class="main-bg" :src="aboutBg" draggable="false"/>
          <div class="main-div">
            <h1>关于本站</h1>
            <p>岁月无路可退，惟愿殊途同归</p>
          </div>
        </div>
        <!-- 内容区域 -->
        <div class="main-content">
          <h1>前言</h1>
          <p>本站是本人学习的随手之作，借鉴多位大佬的技术，此处就不一一列举了；本站源码公开免费，如有想交流的想法，可留言或私信！</p>
          <h1>本站框架</h1>
          <p>前端：vue3、vuex、element-plus</p>
          <p>后端：java17、spring-boot3、mybatis-plus</p>
          <h1>本站源码</h1>
          <p>
            <strong>
              <a href="https://gitee.com/xwang_u/xu-blog-front"
                target="_blank">前端Gitee</a>
            </strong >
            <br />
            <strong>
              <a href="https://gitee.com/xwang_u/xu-blog-after"
                 target="_blank">后端Gitee</a>
            </strong >
          </p>

          <comment :article-id="0"></comment>
        </div>
      </div>
    </main-container>
  </div>
</template>

<script setup>
import aboutBg from "@/assets/images/bg/about-bg.jpg"
import Comment from "@/components/Comment/Comment";

</script>

<style scoped>
@import "../assets/css/about.css";
</style>
